<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>管理系统</title>
<meta name="keywords" content="管理系统">
<meta name="description" content="">
<!--[if lt IE 8]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--警告弹窗 -->
<link href="css/toastr.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid top">
  <div class="logo"></div>
  <div class="row title">
    <div class="pull-left title_name">矿井采空区安全检测预警系统</div>
    <div class="pull-left title_right"></div>
    <div class="pull-right close_gb">
      <a href="">
      <img src="images/gb.gif" />
      </a>
    </div>
  </div>
  <div class="row nav_list">
    <ul class="nav nav-tabs nav_news">
      <li class="active">
        <a href="">
        测点设置
        </a>
      </li>
      <li>
        <a href="">
        数据列表
        </a>
      </li>
      <li>
        <a href="">
        模拟显示
        </a>
      </li>
      <li>
        <a href="">
        曲线显示
        </a>
      </li>
      <li>
        <a href="">
        状态图
        </a>
      </li>
      <li>
        <a href="">
        打印
        </a>
      </li>
      <li>
        <a href="">
        查询
        </a>
      </li>
    </ul>
  </div>
  <div class="row" id="btn_block">
    <div class="width3 pull-left"></div>
    <!--tab1 -->
    <div class="row padding3 nav_tab btn_block">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/01.gif" />
            <p>曲线</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/02.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/03.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/04.gif" />
            <p>初始化信息设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab2 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/04.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/05.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/06.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab3 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/07.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/08.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/09.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab4 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/04.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/08.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/06.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab5 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/10.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/12.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/06.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab6 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/04.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/05.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/06.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--tab7 -->
    <div class="row padding3 nav_tab">
      <div class="btn-group btn-group-lg btn_style">
        <div class="btn_width3 pull-left"></div>
        <ul class="nav navbar-nav nav_btlist">
          <li>
            <a href="#">
            <img src="images/04.gif" />
            <p>模拟图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/05.gif" />
            <p>曲线图</p>
            </a>
          </li>
          <li>
            <a href="#">
            <img src="images/06.gif" />
            <p>语音报警设置</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--row -->
</div>
<!--top -->

<div class="container-fluid main">
  <div class="row">
    <div class="pull-left left hidden" id="left">
      <div class="left_title">
        <div class=""><img src="images/main_37.gif" />管理菜单</div>
      </div>
      <div class="left_main">
        <ul class="nav nav-pills nav-stacked left_nav">
          <li class="active">
            <div class="left_nav_title"><img src="images/l04.gif" />类型管理</div>
            <ul class="left_list_nr" id="left_height">
            </ul>
          </li>
          <li>
            <div class="left_nav_title"><img src="images/l01.gif" />公司邮件</div>
            <div class="left_list_nr">
            </div>
          </li>
          <li>
            <div class="left_nav_title"><img src="images/l02.gif" />档案管理</div>
            <div class="left_list_nr">
            </div>
          </li>
          <li>
            <div class="left_nav_title"><img src="images/l03.gif" />员工信息</div>
            <div class="left_list_nr">
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!--left -->
    <!--右侧部分start -->
    <div class="container-fluid">
      <div class="row right leftnav_none" id="right">
        <div class="col-lg-12 right_title">
          <div class="row right_title_3px">
            <div class="pull-left"><img src="images/right01.gif" />当前位置：</div>
            <div class="pull-right right_bg">
              <a href="javascript:void(0);">
              <img src="images/add.gif" />添加
              </a>
              <a href="javascript:void(0);">
              <img src="images/del.gif" />删除
              </a>
              <a href="javascript:void(0);">
              <img src="images/edit.gif" />修改
              </a>
              <a href="javascript:void(0);">
              <img src="images/src.gif" />查找
              </a>
            </div>
          </div>
        </div>
        <div class="col-lg-12" id="right_main">
          <div class="row overflow_y">
            <div class="padding_3" id="right_content">
                <!--右侧内容 -->
            </div>
          </div>
        </div>
      </div>
      <!--right -->
    </div>
    <!--container-fluid -->
    <!--右侧部分end -->
  </div>
</div>
<!--main -->
<div class="container-fluid navbar-fixed-bottom bottom">
<div class="col-lg-12">
<div class="pull-left col-lg-8">
<ul class="list-inline">
<li> 用户:admin </li>
<img src="images/main_65.gif" />
<li> 角色:管理员 </li>
<img src="images/main_65.gif" />
<li>
  <ul class="list-group list-inline">
    <li class="list-group-item text-success"> 正常 <span class="badge">&nbsp;</span> </li>
    <li class="list-group-item text-warning" id="showwarning"> 提醒 <span class="badge">&nbsp;</span> </li>
    <li class="list-group-item text-danger" id="showerror"> 报警 <span class="badge">2</span> </li>
  </ul>
</li>
</ul>
</div>
<div class="pull-right bottom_bg"> <span> 日期：2016年12月20日 星期二 </span> <img src="images/main_71.gif" /> </div>
</div>
</div>
<!--bottom --> 

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--弹窗 -->
<script src="js/toastr.min.js"></script>
<script src="js/toastr_style.js"></script>
<!--页面js -->
<script src="js/style.js"></script>
</body>
</html>
